<div class="card">
  <div class="card-block">
    <p class="card-text">{{ comment().body }}</p>
  </div>
  <div class="card-footer">
    <a class="comment-author" [routerLink]="['/profile', comment().author.username]">
      <img [src]="comment().author.image" class="comment-author-img" />
    </a>
    &nbsp;
    <a class="comment-author" [routerLink]="['/profile', comment().author.username]">
      {{ comment().author.username }}
    </a>
    <span class="date-posted">
      {{ comment().createdAt | date: 'longDate' }}
    </span>
    <span class="mod-options" [hidden]="currentUser().username !== comment().author.username">
      <i class="ion-trash-a" (click)="delete.emit({ commentId: comment().id, slug: article().slug })"></i>
    </span>
  </div>
</div>
